<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="idformBitacoraSem">
            <center>
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ">

                    <left>
                        <p:panel header="Bitácora Semanal" >
                            <h:panelGrid columns="2" >
                                <h:outputText value="Nombre: " />
                                <h:outputText value="#{fSeguimBitacoraSem.convenio.idEstudiante.nombresEstudiante} #{fSeguimBitacoraSem.convenio.idEstudiante.apellido1Estudiante}" id ="idNombreEstudiante" size="55"/>	

                                <h:outputText value="Empresa: " />
                                <p:inputText value="#{fSeguimBitacoraSem.convenio.idEntidad.nombreentidad}" id="idNomEmpresa" size="55"/>

                                <h:outputText value="Proyecto: " />
                                <p:inputText value="" id="idNombreProyecto" size="55"/>	

                                <h:outputText value="Fecha Inicial: " />
                                <p:calendar value="#{calendarBean.date3}" id="idFechaInicialBitacSemanal" showOn="button" />

                                <h:outputText value="FEecha Final: " />
                                <p:calendar value="#{calendarBean.date3}" id="idFehaFinalBitacSemanaL" showOn="button"/>
                            </h:panelGrid>
                        </p:panel>
                    </left>

                    <p:panel>
                        <p:dataTable id="TablaBitacoraSemanal">
                            <p:column headerText="Hito">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText value="" /></f:facet>  
                                    <f:facet name="input"><p:inputText id="HitoInput" value="" style="width:96%"/></f:facet>  
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="Fecha">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText value="" /></f:facet>  
                                    <f:facet name="input"><p:inputText id="fechaInput" value="" style="width:96%"/></f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="Actividad">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText value="" /></f:facet>  
                                    <f:facet name="input"><p:inputText id="actividadInput" value="" style="width:96%"/></f:facet>  
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="Duración (horas)">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText value="" /></f:facet>  
                                    <f:facet name="input"><p:inputText id="duracionInput" value="" style="width:96%"/></f:facet>  
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="Observaciones">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText value="" /></f:facet>  
                                    <f:facet name="input"><p:inputText id="observacionesInput" value="" style="width:96%"/></f:facet>  
                                </p:cellEditor>
                            </p:column>
                        </p:dataTable>
                    </p:panel>

                    <p:panel>
                        <h:panelGrid columns="2" cellpadding="8" >
                            <h:outputText value="Estudiante Practicante: " /> 
                            <p:selectBooleanCheckbox value="" /> 

                            <h:outputText value="Supervisor Universidad: " />  
                            <p:selectBooleanCheckbox value="" />
                        </h:panelGrid>
                    </p:panel>   

                    <p:panel>
                        <center>
                            <p:splitButton value="Opciones" id="idBtnOpcionesBitacSemanal" icon="ui-icon-open">  
                                <p:separator />  
                                <p:menuitem value="Inicio" icon="ui-icon-extlink"/>  
                            </p:splitButton>

                            <p:commandButton value="Guardar" id="idBtnGuardarBitacSemanal" />
                            <p:commandButton value="Cancelar" id="idBtnCancelarBitacSemanal"/>
                            <p:commandButton value="Imprimir o descargar" type="button" icon="ui-icon-print">  
                                    <p:printer target="idformBitacoraSem" />  
                            </p:commandButton>
                        </center>
                    </p:panel>
                </p:panel>   
            </center>
            <h:outputText value="Fundación Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>
        </h:form>
    </ui:define>
</ui:composition>

